body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}
div{
	height: 22px;
	width: 200px;
	border: 1px solid;
	text-align: center;	
	/*-webkit-animation: mover 2s 4;*/
	margin-left:0px;
	-webkit-transition:500ms;
}

div.mover{
	margin-left:100px;
	-webkit-transition:500ms;
}
ul{
	list-style: none;
}
li{
	margin-left: 0px;
	-webkit-transition:500ms;
	cursor: pointer;
}
li:hover{		
	-webkit-transition:500ms;
	margin-left: 10px;
	color: blue;
}

@-webkit-keyframes mover{
	0%	{
		margin-left:0px;}
	
	50% {margin-left:100px;
		-webkit-transform:scale(1.5);}
		
	100% {margin-left:0px;}
}